<template>
    <div class="outer">
      <h2>{{ title }}分类</h2>
      <!-- <slot> 元素作为组件模板之中的内容分发插槽 -->
      <slot></slot>
      <h3>Footer</h3>
    </div>
  </template>
  
  <script>
  export default {
    name: "Item",
    props: ["title", "list"],
  };
  </script>
  
  <style scoped>
  .outer {
    width: 200px;
    height: 300px;
    background: #e2a431;
  }
  .outer > h2 {
    background: cadetblue;
  }
  </style>
  